<!DOCTYPE html >
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<meta content="" name="keywords">
<meta content="" name="description">
<title>社区宝首页</title>
<link type="text/css" rel="stylesheet" href="./css/bootstrap.css"/>
<link type="text/css" rel="stylesheet" href="./css/style.css"/>
<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="./js/idangerous.js"></script>
<link type="text/css" rel="stylesheet" href="./css/idangerous.css"/>
</head>
<body class="bjF3F3F3">
<div class="contentpage container-fluid paddinglr f14rem">
<!-- header_start -->
<header class="navbar-fixed-top">
    <div class="top-bar-con">
	     <a class="backss" href="javascript:history.back();"></a>
		 <div class="tc top-bar-txt">社区宝首页</div>
     </div>
</header>
<div class="kong_h"></div>
<!-- header_end --> 

<!-- center_start -->
    <div  class="swiper-container swiper-comIndex">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="./images/Index_1.jpg" /></div>
            <div class="swiper-slide"><img src="./images/Index_1.jpg" /></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
    <script type="text/javascript">
   $(function(){
	   $.resizeSwiper=function(pid){
		     $('.swiper-comIndex .swiper-wrapper').css({"height":"auto"});
		    $('.swiper-comIndex .swiper-slide').css({"height":"auto"});
		}
    	var myswiper = new Swiper('.swiper-comIndex', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            autoplay : 5000,
            loop : true
        });
    	$.resizeSwiper();
    	 $(window).resize(function(){
    		 $.resizeSwiper();
        });
    
    })
    </script>
    <div class="clearfix comIndex01">
      <div class="col-xs-4 comIndex01left"><p class="com_logo tr"><img src="./images/com_logo.png" /></p></div>
      <div class="col-xs-8 comIndex01right">
         <p class="f16rem">社区宝(I号)业主版</p>
         <p class="f1rem">固定收益率 ·无浮动风险·随时提取</p>
      </div>
    </div>
    <div class="clearfix comIndex02">
      <div class="col-xs-6 paddingr comIndex02left">
         <div class="eardiv">
         <p class="earnings tc">消费年化收益</p>
         <p class="earningsNum tc">6.0<span class="earningsNum0">%</span></p>
         </div>
         <div class="linesx"></div>
      </div>
      <div class="col-xs-6 paddingl">
        <div class="eardiv">
         <p class="earnings tc">余额年化收益</p>
         <p class="earningsNum tc">4.5<span class="earningsNum0">%</span></p>
         </div>
      </div>
      <div class="f_c" style="height: 0.9rem;line-height: 0.9rem;visibility: hidden;"></div>
      <a class="f_c purchaseBut center-block" href="./communityFilling.html">我要申购</a>
      <div style="height: 2rem;line-height: 2rem;visibility: hidden;"></div>
    </div>
    <ul class="clearfix bjFFFFFF distributioninfolist">
      <a href="javascript:;"><li class="f_c clearfix"><div class="jtli"><p class="pull-left distrfolistname">社区宝是什么？</p></div></li></a>
      <a href="javascript:;"><li class="f_c clearfix"><div class="jtli"><p class="pull-left distrfolistname">社区宝如何申购？</p></div></li></a>
      <a href="javascript:;"><li class="f_c clearfix"><div class="jtli"><p class="pull-left distrfolistname">理财收益如何计算</p></div></li></a>
   </ul>
   <div style="height: 30px;line-height: 30px;visibility: hidden;"></div>
<!-- center_end --> 
   
</div>
<!-- 请在这底下写js -->
</body>
</html>